<template>
  <view class="auxiliarysegmentation">
    <section
      class="contan"
      :style="Style"
    >
      <view
        v-show="datas.segmentationtype === 1"
        style="height: 1px; width: 100%; border-top-width: 1px"
        :style="{
          'border-top-style': datas.bordertp,
          'border-top-color': datas.auxliarColor,
        }"
      />
    </section>

    
  </view>
</template>

<script>
export default {
  name: 'auxiliarysegmentation',
  props: {
    datas:{type:Object,default:function(){
		return {
			blankHeight:0,
			paddType:0,
			segmentationtype:1,
			bordertp:'solid',
			auxliarColor:'rgb(229, 229, 229)'
		}
	}},
  },
  data(){
  	  return {
  		  Style:{}
  	  }
  },
  created() {
  	this.Style=this.get_style()
  },
  methods:{
	  get_style(){
		  let s=this.datas;
		  let s2={
				height: this.datas.blankHeight + 'px',
				padding: this.datas.paddType === 0 ? '0px' : '0px 15px',
			  }
		Object.assign(s,s2);
		return s;
	  }
  }
}
</script>

<style scoped lang="less">
.auxiliarysegmentation {
  position: relative;
  .contan {
    display: flex;
    align-items: center;
  }
}
</style>
